<!--
 * @Descripttion:
 * @Author: xiao li
 * @Date: 2020-12-29 09:57:02
 * @LastEditors: xiao li
 * @LastEditTime: 2020-12-29 09:59:44
-->
<template>
  <div>
    <div class="flex-center" style="padding: 20px 16px 10px">
      <div class="web-item-title mr-md"></div>
      <div class="flex-1 text-bold c-title">
        {{ o.data.title || '明星展示' }}
      </div>
      <div class="flex-y-baseline c-caption" style="font-style: normal">
        查看更多
        <i class="iconfont iconjiantou" style="font-size: 13px"></i>
      </div>
    </div>
    <div class="flex-warp">
      <div
        class="fill-base radius-15"
        style="margin: 0 0 13px 13px; overflow: hidden"
        v-for="(item, index) in o.data.row.number"
        :key="index"
      >
        <img class="good-img" :src="image" />
        <div class="pd-md flex-between" style="height: 96rpx">
          <div class="f-paragraph c-title ellipsis" style="width: 50%">
            姓名
          </div>
          <div class="flex-y-baseline f-caption c-caption">
            关注:
            <div class="c-warning ellipsis" style="max-width: 80rpx">1888</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'staffList',
  props: {
    o: Object
  },
  data () {
    return {
      primaryColor: '#19c865',
      image: 'https://lbqny.migugu.com/admin/diy/default.png'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.good-img {
  width: 165px;
  height: 165px;
  background: #eeeeee;
}
</style>
